<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>项目首页</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/static/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css">
</head>
<body>
<#include "nav.ftl">
<!-- 项目轮播广告效果 -->
<#--include "ad.ftl" -->
<form action="/search" method="post">
    <input type="search" name="search" placeholder="搜索">
    <input type="submit" value="search">
</form>

<br>
<div class="container">
    <#list map?keys as k>
        <h3>${k}</h3>
        <div class="row">
            <#if map[k]??>
                <#list map[k] as book>
                    <div class="col-md-3 border">
                        <a href="/details?id=${book.id}">
                        <img src="upload/book/${book.imges?replace('.','160_160.')}" alt="${book.name}" title="${book.name}">
                        <h6>${book.name}</h6>
                        <p>价格：${book.price}</p>
                        </a>
                    </div>

                    <#else>

                </#list>
            </#if>
        </div>
    </#list>
</div>
<div class="container">

</div>

<!-- 友情链接 -->
<#include "link.ftl">
</body>
</html>